<!-- 更多表格 -->

<template>
  <div>
    <RealtimeRefresh />

    <WebTable>
      <RowTitle label="监测点名称" bind="name" :minWidth="100" />
      <RowText label="A 相" bind="temperature1" />
      <RowText label="B 相" bind="temperature2" />
      <RowText label="C 相" bind="temperature3" />
      <RowText label="N 相" bind="temperature4" />
      <RowStatus label="设备状态" bind="deviceStatus" :dict="CORE.DICT.STATUS_ONLINE_DEVICE" width="auto" />
      <RowTime label="更新时间" bind="modifyTime" width="auto" :minWidth="100" />
    </WebTable>
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'
import store from './store'
import props from '../../../props'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MoreTable',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixStore(store)],

  /**
   * 组件导入 (Abc.vue + Abc/index.vue)
   */
  ...CORE.components(
    require.context('../../../components', true, /vue$/),
    require.context('./', true, /vue$/),
  ),

  /**
   * 属性注册 (抽取以便查阅)
   */
  props,
}
</script>
